@charset 'utf-8';
// header
#header{
    >.wrapper-in>.header-cen{
        height:88px;
        margin:0 20px;
        padding:22px 0;

        >a>img{
            width:190px;
            margin-top:8px;
        }
    }
}

// body 
#body{
    background-color:#DE0100;
    >.wrapper-in{
        position:relative;

        >a{
            position: absolute;
            left:75px;
            top:80px;
            width:630px;
            height:440px;
        }

        >#logintabs{
            >.login-way-fir{
                position: absolute;
                right:0;
                top:100px;
                width:350px;
                height:404px;
                padding:25px;
                background-color:#fff;
    
                >#list{
                    >li{
                        float: left;
                        width:75px;
                        height:24px;
                        line-height:24px;
                        text-align:center;
                        padding:0 5px;
                        color:#000;
                        font-size:16px;
                        cursor: pointer;
                        user-select: none;
                        font-weight:700;
                        margin-right:5px;
    
                        &:hover{
                        border-bottom:2px solid #000;
                        }
                    }
    
                    >.active{
                        border-bottom:2px solid #000;
                    }
                }
    
                >.userlogin{
                    display: none;
                    >form{
                        width:300px;
                        height:200px;
                        margin-top:20px;

                        >.wrong-msg{
                            width: 300px;
                            height: 32px;
                            border: 1px solid #FFB4A8;
                            padding: 5px 8px;
                            background-color:#FEF2F2;
                            margin-bottom: 10px;
                            display: none;

                            >span:first-child{
                                display: inline-block;
                                width:18px;
                                height: 18px;
                                line-height: 18px;
                                text-align: center;
                                border-radius: 50%;
                                background-color: #FF934C;
                                color: #fff;
                                font-size: 14px;
                            }

                            >span:last-child{
                                font-size: 14px;
                                color: #6C6C6C;

                            }
                        }
    
                        >.login-input{
                            width:298px;
                            height:42px;
                            line-height: 40px;
                            margin-bottom:20px;
                            border:1px solid #CCCCCC;
    
                            &:hover{
                                border:1px solid #DE0100;
                            }
    
                            >input{      
                                float:left;
                                border:0;
                                outline:none;
                                height:40px;
                                font-size:14PX;   
                            }
    
                            >i{
                                // display:inline-block;
                                float:left;
                                width:40px;
                                height:40px;
                                line-height:40px;
                                text-align:center;
                                margin-right:10px;
                                background-color:#CCCCCC;
                                font-size:24px;
                                color:#fff;
                            }
    
                            >div:last-child{
                                border:0;
                            }
                        }
    
                        >.login-subbtn{
                            border:0 !important;
    
                            >input{
                                width:100%;
                                height:100%;
                                border:0;
                                outline: none;
                                background-color:#FF0036;
                                border-radius:5px;
                                font-size:16px;
                                color:#fff;
                                cursor: pointer;
                            }
                        }
    
                        >.login-chooses{
                            >a{
                                float:right;
                                margin-left:10px;
                                color:#6C6C6C;
                                font-size:12px;
                            }
                        }
                    }
    
                    >.by-msg{
                           >.login-input{
                            >select{
                                float:left;
                                border:0;
                                outline: none;
                                width:40px;
                                height:40px;
                                line-height:40px;
                            }
    
                            >a{
                                font-size:12px;
                                color:#6C6C6C;
                            }
                           }
                    }
                }
    
                >.show{
                    display: block;
                }
    
                >.scan-prompt{
                    position: relative;
                    left: 160px;
                    top: -260px;
                    width: 106px;
                    height: 28px;
                    line-height:28px;
                    vertical-align: middle;
                    text-align:center;
                    border:1px solid #F3D995;
                    font-size:12px;
                    color:#FF9000;
                    background-color:#FEFCEE;
                    z-index: 1000;


                    >span:first-child{
                        position: absolute;
                        left: 10px;
                        top:0px;
                    }
                    
                    >span:last-child{
                        position: absolute;
                        top:9px;
                        right:-5px;
                        display: block;
                        background-color:#FEFCEE;
                        width: 8px;
                        height:8px;
                        border-right:1px solid #FF9000;
                        border-top:1px solid #FF9000;
                        transform: rotate(45deg);
                        z-index:-1;
                    }
                }
    
                >.scan-code{
                    position:absolute;
                    top:0;
                    right:0;
                    width:52px;
                    height:52px;
                    background-color:yellow;
                    cursor:pointer;
                    
                }
            }
            >.login-way-sec{
                position: absolute;
                right:0;
                top:100px;
                width:350px;
                height:404px;
                padding:25px;
                background-color:#fff;
                
                >.scan-title{
                        float: left;
                        width:160px;
                        height:24px;
                        line-height:24px;
                        // text-align:center;
                        padding:0 5px;
                        color:#000;
                        font-size:16px;
                        // cursor: pointer;
                        user-select: none;
                        font-weight:700;

                }
    
                >.user-scan{
                    width:300px;
                    height:160px;
                    margin-top:80px;
                    >.store-code{
                        width:140px;
                        height:140px;
                        margin:20px 80px;
                        background-color:yellow;
                        box-shadow: 0 0 6px rgb(158, 154, 154);
                    }
     
                }

                >.tel-login{
                    width:300px;
                    height:50px;
                    padding:0 65px;

                    >.scan-sign>i{
                        float:left;
                        font-size:34px;
                        color:#FF0036;
                    }

                    >.tel-sign{
                        >p{
                            font-size:12px;
                            color:#6C6C6C;
                            >a{
                                color:#FF0036;
                            }
                        }
                    }
                }

                >.scan-phone{
                    >a{
                        float:right;
                        font-size:12px;
                        color:#6C6C6C;
                        margin-left:10px;
                    }
                }
       
                >.phone-code{
                    position:absolute;
                    top:0;
                    right:0;
                    width:52px;
                    height:52px;
                    background-color:yellow;
                    cursor:pointer;
                }
            }
        }

    }
}

// footer
#footer{
    >.commsg{
        height:194px;
        margin-top:40px;
        
        >.wrapper-in{
            >.tianmaocom{
                >ul{
                    padding:5px 0;
                    >li{
                        float:left;
        
                        >a{
                            color:#000;
                            font-size:12px;
                            margin-right:3px;
                        }
                    }
                }
            }
            >.alicom{
                >ul{
                    padding:5px 0;
                    >li{
                        float:left;
                        height:35px;
                        line-height:35px;
                        >a{
                            color:#000;
                            font-size:12px;
                            margin-right:3px;
                        }
                    }
                }
            }

            >.lawmsg{
                font-size:12px;
                

                >div{
                    color: #999999;
                    line-height:22px;
                    >span{
                        margin-right:65px;
                        color:#666666;
                        
                        >a{
                            color:#999999;

                            &:hover{
                                text-decoration:underline;
                            }
                        }
                    }

                }

                >.tmintecivl{
                    height:30px;
                    padding:5px 0;

                    >a:first-child{
                        display: inline-block;
                        width:30px;
                        height:30px;
                        margin-right:10px;

                        >img{
                            width:30px;
                            height:30px;
                        }
                    }

                    >a:last-child{
                        display: inline-block;
                        width:80px;
                        height:30px;

                        >img{
                            width:80px;
                            height:30px;
                        }
                    }
                }


            }
        }
    }

}